<!--
 * @Author: xuhy 1727317079@qq.com
 * @Date: 2022-09-09 09:43:17
 * @LastEditors: xuhy 1727317079@qq.com
 * @LastEditTime: 2022-09-09 09:49:11
 * @FilePath: \vue3_test\src\components\TestPoint.vue
 * @Description: 鼠标打点功能
-->
<template>
  <h2>我是TestPoint组件</h2>
  <h2>当前点击时鼠标的坐标为: x:{{ point.x }} , y:{{ point.y }}</h2>
</template>
<script>
import usePoint from "../hooks/usePoint";
export default {
  name: "TestPoint",
  setup() {
    const point = usePoint();
    return {
      point,
    };
  },
};
</script>
